.box{width: 750px;height: 510px;border: solid 1px black;margin: 0 auto;}
.box>ul{list-style: none;margin: 0;padding: 0;display: flex;height: 60px;line-height: 40px;text-align: center;}
.box>ul>li{flex: 1;border: solid 1px black;cursor: pointer}
.box>ul>li.active{background: red;color: #fff}
.cont div{height: 450px;}
.cont .cont1{background: rgb(255, 255, 255);}
.cont .cont2{background: #3ff;display: none;}
.cont .cont3{background: #ff3;display: none;}
.cont .cont4{background: #33f;display: none;}

.tabConList{
    width: 730px;
    height: 450px;
    /* background: #ff3; */
}
.tabConList .tabConList-t{
    width: 730px;
    height: 190px;
    /* background: #3f3; */
    
}
.tabConList .tabConList-t .tabConList-t-l{
    width: 190px;
    height: 160px;
    padding: 10px 0 0 10px;
    box-sizing: border-box;
    float: left;
}
.tabConList .tabConList-t .tabConList-t-l img{
    width: 160px;
}
.tabConList .tabConList-t .tabConList-t-r{
    width: 495px;
    height: 166px;
    float: left;
    border: 1;
    padding-top:20px;
}
.tabConList .tabConList-t .tabConList-t-r .tabConList-t-r-d1{
    height: 30px;
}
.tabConList .tabConList-t .tabConList-t-r .tabConList-t-r-d1 a{
    color: black;
    font-size: 20px;
}

.tabConList .tabConList-t .tabConList-t-r .tabConList-t-r-s1{
    color: red;
    font-size: 18px;
    margin-bottom: 20px;
}
.tabConList .tabConList-t .tabConList-t-r .tabConList-t-r-s2{
    color: rgb(162, 168, 162);
    font-size: 12px;
    padding-left: 10px;
}


.tabConList .tabConList-t .tabConList-t-r .tabConList-t-r-d2{
    padding-top: 15px;
    font-size: 14px;
    line-height: 14px;
}


.tabConList .tabConList-b{
    width: 730px;
    height: 250px;
    /* background: rgb(101, 29, 114); */
}
.tabConList .tabConList-b .tabConList-b-u{
    list-style: none;
    width: 730px;
    height: 250px;
}
.tabConList .tabConList-b .tabConList-b-u .tabConList-b-l{
    width: 182px;
    height: 250px;
    float: left;
    /* background: rgb(82, 51, 255); */
    display: block;
    text-align: center;
}
.tabConList .tabConList-b .tabConList-b-u .tabConList-b-l .tabConList-b-l-d img{
    width: 158px;
    height: 158px;

}
.tabConList .tabConList-b .tabConList-b-u .tabConList-b-l .tabConList-b-l-d{
    margin: auto;
    width: 158px;
    height: 158px;
}
.tabConList .tabConList-b .tabConList-b-u .tabConList-b-l .tabConList-b-l-p{
    line-height: 16px;
    margin-top: 15px;
    text-align: left;
    padding: 0 5px;
    box-sizing: border-box;
}
.tabConList .tabConList-b .tabConList-b-u .tabConList-b-l .tabConList-b-l-p a{
    color: #000;
    font-size: 14px;
    line-height: 16px;
    display: block;
}
.tabConList .tabConList-b .tabConList-b-u .tabConList-b-l span{
    color: red;
    font-size: 20px;
    text-align: left;
    display: block;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    
}
.tabConList .tabConList-b .tabConList-b-u .tabConList-b-l s{
    color: #aaa;
    font-size: 14px;

}











.box1{width: 230px;height: 480px;border: solid 1px black;margin: 0 auto;}
.box1>ul{list-style: none;margin: 0;padding: 0;display: flex;height: 50px;line-height: 40px;text-align: center;}
.box1>ul>li{flex: 1;border: solid 1px black;cursor: pointer}
.box1>ul>li.active{background: red;color: #fff}
.cont10 div{height: 430px;display: none;}
.cont10 .cont11{background: #3f3;display: block;padding: 0 5px;}
.cont10 ul{list-style: none;}
.cont10 ul>li{padding: 9px 5px;border-bottom: solid 1px #aaa;}
.cont10 ul>li>i{color: red; font-size: 18px;}
.cont10 .cont12{background: #3ff;padding: 0 5px;}
.cont10 .cont13{background: #ff3;padding: 0 5px;}
.cont10 .cont14{background: #33f;padding: 0 5px;}